{% block sw_customer_detail_base %}
<div class="sw-customer-detail-base">
    {% block sw_customer_detail_base_info_holder %}
    <div class="sw-customer-detail-base__info-holder">

        {% block sw_customer_detail_base_info_card %}
        <sw-customer-card
            :title="$tc('sw-customer.detailBase.labelAccountCard')"
            :customer="customer"
            :edit-mode="customerEditMode"
            :is-loading="isLoading"
        >
            {% block sw_customer_detail_base_info_metadata %}
            <sw-customer-base-info
                :customer="customer"
                :is-loading="isLoading"
                :customer-edit-mode="customerEditMode"
            />
            {% endblock %}
        </sw-customer-card>
        {% endblock %}

        {% block sw_customer_detail_base_default_addresses_card %}
        <mt-card
            v-if="customer.defaultShippingAddress || customer.defaultBillingAddress"
            :title="$tc('sw-customer.detailBase.labelAddressesCard')"
            position-identifier="sw-customer-detail-base-default-addresses"
            class="sw-customer-detail-base__default-addresses"
            :is-loading="customer.isLoading"
        >
            {% block sw_customer_detail_base_default_addresses %}
            <template #grid>
                <sw-customer-default-addresses
                    :customer-edit-mode="customerEditMode"
                    :customer="customer"
                />
            </template>
            {% endblock %}
        </mt-card>
        {% endblock %}

        {% block sw_customer_detail_custom_field_sets %}
        <mt-card
            v-if="!!customerCustomFieldSets && customerCustomFieldSets.length > 0"
            position-identifier="sw-customer-detail-base-custom-field-sets"
            :title="$tc('sw-settings-custom-field.general.mainMenuItemGeneral')"
            :is-loading="customer.isLoading"
        >
            <sw-custom-field-set-renderer
                :entity="customer"
                :disabled="!customerEditMode"
                :sets="customerCustomFieldSets"
            />
        </mt-card>
        {% endblock %}
    </div>
    {% endblock %}
</div>
{% endblock %}
